<?php

defined('ABSPATH') || exit;

//codestar-framework 实现后台主题设置页

// Control core classes for avoid errors
if (class_exists('CSF')) {

    //
    // Set a unique slug-like ID
    $prefix = '_new_options';

    //
    // Create options
    CSF::createOptions($prefix, array(
        'menu_title' => 'WP Bootstrap Woo 主题设置',
        'menu_slug'  => 'wp-bootstrap-woo-settings',
        'framework_title' => 'WP Bootstrap Woo 主题设置 <small>v1.0</small>',
        'menu_type' => 'theme',
    ));

    //
    // 首页设置选项卡
    //
    CSF::createSection($prefix, array(
        'title'  => '首页设置',
        'icon'   => 'fas fa-home',
        'fields' => array(

            //
            // 首页模板选择
            //
            array(
                'id'      => 'homepage_template',
                'type'    => 'select',
                'title'   => '首页模板选择',
                'subtitle' => '选择首页显示的模板样式',
                'desc'    => '切换不同的首页布局风格，每种模板都有独特的设计和功能',
                'options' => array(
                    'template_1' => '经典布局 - Template 1 (index.html)',
                    'template_2' => '现代布局 - Template 2 (index2.html)',
                    'template_3' => '时尚布局 - Template 3 (index3.html)',
                ),
                'default' => 'template_1',
            ),

            //
            // 模板预览
            //
            array(
                'type'    => 'heading',
                'content' => '模板预览',
            ),

            array(
                'id'      => 'template_preview',
                'type'    => 'content',
                'title'   => '模板特色说明',
                'content' => '
                    <div style="margin: 20px 0;">
                        <h4>Template 1 - 经典布局</h4>
                        <p>• 传统的电商网站布局</p>
                        <p>• 横幅轮播图展示</p>
                        <p>• 经典的产品网格布局</p>
                        <p>• 适合传统电商网站</p>
                        
                        <h4>Template 2 - 现代布局</h4>
                        <p>• 现代简约设计风格</p>
                        <p>• 卡片式产品展示</p>
                        <p>• 响应式布局优化</p>
                        <p>• 适合现代化品牌</p>
                        
                        <h4>Template 3 - 时尚布局</h4>
                        <p>• 时尚前沿的设计</p>
                        <p>• 动态效果丰富</p>
                        <p>• 视觉冲击力强</p>
                        <p>• 适合时尚品牌</p>
                    </div>
                ',
            ),

        )
    ));

    //
    // 样式设置选项卡
    //
    CSF::createSection($prefix, array(
        'title'  => '样式设置',
        'icon'   => 'fas fa-palette',
        'fields' => array(

            array(
                'id'      => 'disable_woocommerce_styles',
                'type'    => 'switcher',
                'title'   => '禁用WooCommerce默认样式',
                'subtitle' => '启用此选项将禁用WooCommerce的默认样式',
                'desc'    => '推荐启用，以确保HTML模板样式正常显示',
                'default' => true,
            ),

            array(
                'id'      => 'enable_bootstrap5',
                'type'    => 'switcher',
                'title'   => '启用Bootstrap 5支持',
                'subtitle' => '加载Bootstrap 5框架',
                'desc'    => '启用Bootstrap 5的网格系统和组件',
                'default' => true,
            ),

        )
    ));

    //
    // 高级设置选项卡
    //
    CSF::createSection($prefix, array(
        'title'  => '高级设置',
        'icon'   => 'fas fa-cogs',
        'fields' => array(

            array(
                'id'      => 'custom_css',
                'type'    => 'code_editor',
                'title'   => '自定义CSS',
                'subtitle' => '添加自定义CSS代码',
                'desc'    => '在这里添加您的自定义CSS样式',
                'settings' => array(
                    'theme'  => 'monokai',
                    'mode'   => 'css',
                ),
            ),

            array(
                'id'      => 'custom_js',
                'type'    => 'code_editor',
                'title'   => '自定义JavaScript',
                'subtitle' => '添加自定义JavaScript代码',
                'desc'    => '在这里添加您的自定义JavaScript代码',
                'settings' => array(
                    'theme'  => 'monokai',
                    'mode'   => 'javascript',
                ),
            ),

        )
    ));
    // 添加联系信息部分
    CSF::createSection($prefix, array(
            'title'  => '联系信息',
             'icon'   => 'fas fa-cogs',
            'fields' => array(
                array(
                    'id'    => 'contact_address',
                    'type'  => 'text',
                    'title' => '公司地址',
                    'default' => '123 Main Street, City, Country'
                ),
                array(
                    'id'    => 'contact_phone',
                    'type'  => 'text',
                    'title' => '联系电话',
                    'default' => '+1 234 567 8900'
                ),
                array(
                    'id'    => 'contact_email',
                    'type'  => 'text',
                    'title' => '联系邮箱',
                    'default' => get_option('admin_email')
                )
            )
        ));

}